<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="applicable-device" content="pc,mobile"/>
    <title>支付宝支付</title>

</head>
<body>
<div class="container">
    <div class="row">
        <div class="test">
            <a class="layui-btn layui-btn-normal layui-btn-lg layui-btn-radius" href="{{$url}}">完成付款!</a>
        </div>
    </div>
</div>
<style>
    .test{
        text-align: center;
        margin-top: 200px;
        padding: 0 10px;
    }
    .layui-btn-lg {
        height: 50px;
        line-height: 50px;
        padding: 0 25px;
        font-size: 18px
    }
    .layui-btn {
        display: inline-block;
        height: 38px;
        line-height: 38px;
        padding: 0 18px;
        background-color: #009688;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 14px;
        border: none;
        border-radius: 2px;
        cursor: pointer
    }

    .layui-btn:hover {
        opacity: .8;
        filter: alpha(opacity=80);
        color: #fff
    }

    .layui-btn:active {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .layui-btn + .layui-btn {
        margin-left: 10px
    }
    .layui-btn-lg {
        height: 44px;
        line-height: 44px;
        padding: 0 25px;
        font-size: 16px
    }
    .layui-btn-normal {
        background-color: #1E9FFF
    }
    a:active, a:hover {
        outline: 0
    }
    a {
        color: #333;
        text-decoration: none
    }

</style>
<script>
    window.onload = function(){
        window.setTimeout("window.location='{{$url}}'",3000);
    }
</script>

</body>
</html>
